<!DOCTYPE html> 
<html> 
	<head> 
	<title>FordAntitrust Angel Collection #1</title> 
	<meta name="viewport" content="width=device-width, initial-scale=1"> 
	<script src="jquery/jquery-1.7.1.min.js"></script>	
	<link rel="stylesheet" href="jquery/jquery.mobile-1.0.1.min.css" />
	<link rel="stylesheet" href="mobile.css" />
	<script src="jquery/jquery.mobile-1.0.1.min.js"></script>
	<script src="swipe.js"></script>
	<!--<script src="http://maps.google.com/maps/api/js?sensor=true" type="text/javascript"></script>-->
	
</head> 
<body > 
<!--  page overview -->
<div data-role="page" id="home" >
	<div data-role="header">
		<a href="#help" data-rel="dialog" data-icon="info" data-iconpos="notext" >Info</a><h1>FordAntitrust Angel Collection #1</h1><a href="index.html" rel="external" data-icon="refresh" data-iconpos="notext" >Refresh</a>
	</div><!-- /header -->
	<div data-role="content">
		<ul class="home"></ul>
	</div><!-- /content -->
	<!--<div data-role="footer">
		<h4>Powered by Flickr</h4>
	</div>--><!-- /footer -->
</div><!-- /page -->

<div data-role="dialog" id="offline-page" >
	<div data-role="header">
		<h1>No Internet connection!</a>
	</div><!-- /header -->
	<div data-role="content">
		<p>Please connect your device to the Internet ...</p>
		<a href="index.html" data-role="button" rel="external" >Close</a>
	</div><!-- /content -->
</div><!-- /page -->

<div data-role="dialog" id="help" >
	<div data-role="header">
		<h1>Info</a>
	</div><!-- /header -->
	<div data-role="content">
		<img src="Flickr_logo.png" id="about-logo">
		<p>All photos from FordAntiTrus. See more picture goto <a href="http://www.flickr.com/photos/fordantitrust/">http://www.flickr.com/photos/fordantitrust/</a> :)</p>
	</div><!-- /content -->
</div><!-- /page -->

<script type="text/javascript">
		var playListURL = 'http://api.flickr.com/services/rest/?&method=flickr.photosets.getPhotos&api_key=f2ff0e52d2d513e7d55472b7bf0befe4&photoset_id=72157626220891602&format=json&jsoncallback=?';

   $.ajaxSetup({
       timeout: 10000, // Microseconds, for the laughs.  Guaranteed timeout.
       error: function(request, status, maybe_an_exception_object) {
           if(status = 'timeout')
              location.href="notconnect.html"
       }
   });

		$.getJSON(playListURL, function(data) {
			var list_data = "";
			var list_data_tumb = "";
			$.each(data.photoset.photo, function(i, item) {
				var photo_thumb = 'http://farm' + item.farm + '.staticflickr.com/' + item.server + '/' + item.id + '_' + item.secret + '_s.jpg';
				var photo_medium = 'http://farm' + item.farm + '.staticflickr.com/' + item.server + '/' + item.id + '_' + item.secret + '_z.jpg';
				var photo_original = 'http://farm' + item.farm + '.staticflickr.com/' + item.server + '/' + item.id + '_' + item.secret + '_b.jpg';
				list_data+='<div data-role="page" id="p'+item.id+'" >';
				list_data+='<div data-role="header"><a href="#home" data-icon="home" data-direction="reverse" data-iconpos="notext" >Home</a><h1>FordAntitrust Angel Collection #1</h1></div>';
				list_data+='<div data-role="content">';
				list_data+='<img id="picm" src="' + photo_medium + '">';
				list_data+='</div>';
				list_data+='<!--<div data-role="footer"><h4>Powered by Flickr</h4></div>-->';
				list_data+='</div>';
				list_data_tumb+= '<li><a href="#p'+item.id+'"><img src="' + photo_thumb + '"></a></li>';		
			});
			$(list_data_tumb).appendTo(".home");
			$(list_data).appendTo("body");			
		});
	</script>
</body>
</html>

